<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>文本底部横线</title>
    <style>
        .title{
            color: #333;
            line-height: 2;
        }
        .title span{
            background:linear-gradient(to right,#ec695c,#61c454) no-repeat right bottom;
            background-size: 0 3px;
            font-family: 'Courier New', Courier, monospace;
            transition: background-size 1300ms;
        }
        .title span::before{
            content: "美妙";
            font-weight: bold;
            /* background-color: #61c454; */
            background:linear-gradient(to right,#ec695c,#61c454);
            font-size:larger;
        }
        .title span:hover{
            background-position-x: left;
            background-size: 100% 3px;    
        }
    </style>
</head>

<body>
    <h2 class="title">
        <span>充分发挥第二课堂服务高校立德树人根本任务和人才培养中心工作的积极作用，构建第一课堂与第二课堂紧密衔接、有机嵌入的人才培养模式，借鉴第一课堂教学育人机理和工作体系, 整体设计学校共青团工作内容、项目供给、评价机制和运行模式, 实现学校学生参与第二课堂可记录、可评价、可测量、可呈现的一整套工作体系和工作制度，特制定本办法。</span>
    </h2>
</body>

</html>